<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jstl/fmt_rt" prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>APP信息管理</title>
<style type="text/css">
.select {
	width: 1200px;
	height:300px;
	margin-left: 350px;
	margin-top: -300px;
	
}
.show{
	margin-left: 360px;
	margin-top:-90px;
	width: 1100px;
}
body{
	margin-left: 200px;
}
.select div{
float: left;	
margin: 10px;
}
</style>
<script type="text/javascript" src="js/jquery-1.12.4.js"></script>
<script type="text/javascript">	
	$(function(){
		$("#oneselect").change(function(){
			$.getJSON("twoAll",{parentId:$(this).val()},function(data){
				
				$("#towselect").html("");
				$.each(data,function(i,item){	
					
					$("<option value='"+item["id"]+"'>"+item["categoryName"]+"</option>").appendTo("#towselect");
					
				})
			})
		});
		$("#towselect").change(function(){
			
			$.getJSON("threeAll",{parentId:$(this).val()},function(data){
				
				$("#threeselect").html("");
				$.each(data,function(i,item){	
					
					$("<option value='"+item["id"]+"'>"+item["categoryName"]+"</option>").appendTo("#threeselect");
					
				})
			})
		});
		$("#pages").blur(function(){
			$.getJSON("jsonAppInfo",{softwareName:$("#softwareName").val(),status:$("#status").val(),flatformId:$("#flatformId").val(),oneselect:$("#oneselect").val(),towselect:$("#towselect").val(),threeselect:$("#threeselect").val(),page:$("#pages").val()},function(date){
				var html="<tr class='active'><th>软件名称</th><th>APK名称</th><th>软件大小单位(M)</th><th>所属平台</th><th>所属分类(一级分类、二级分类、三级分类)</th><th>状态</th><th>下载次数</th><th>最新版本号</th><th>操作</th></tr>";
				$.each(date,function(i,item){
					if(i%2==0){
						html+='<tr class="success">';
					}
					var	versionName=item["versionName"]==undefined?"":item["versionName"];
					html+="<td>"+item["softwareName"]+"</td>";
					html+="<td>"+item["aPKName"]+"</td>";
					html+="<td>"+item["softwareSize"]+"</td>";
					html+="<td>"+item["flatformName"]+"</td>";
					html+="<td>"+item["type1"]+">"+item["type2"]+">"+item["type3"]+"</td>";
					html+="<td>"+item["statusName"]+"</td>";
					html+="<td>"+item["downloads"]+"</td>";
					html+="<td>"+versionName+"</td>";
					var div = '<div class="btn-group">';
					div+='<button type="button" class="btn btn-default dropdown-toggle"';
					div+='	data-toggle="dropdown">';
					div+='			点击操作 <span class="caret"></span>';
					div+='	</button>';
					div+='	<ul class="dropdown-menu" role="menu">';
					div+='	<c:if test="${temp.status==2}">';
					div+='	<li><a href="updatestatus?id=${temp.id }&status=4">上架</a></li>';
					div+='</c:if>';
					div+='		<c:if test="${temp.status==5}">';
					div+='	<li><a href="updatestatus?id=${temp.id }&status=4">上架</a></li>';
					div+='</c:if>';
					div+='	<c:if test="${temp.status==4}">';
					div+='		<li><a href="updatestatus?id=${temp.id }&status=5">下架</a></li>';
					div+='</c:if>';
					div+='<li><a href="addversion?id=${temp.id }">新增版本</a></li>';
					div+='<li><a href="updateversion?id=${temp.id }">修改版本</a></li>';
					div+='	<li><a href="appupdate?id=${temp.id}">修改</a></li>';
					div+='		<li><a href="appview?id=${temp.id }">查看</a></li>';
					div+='		<li><a href="del?id=${temp.id }">删除</a></li>';
					div+='	</ul>';
					div+='</div>';
					html+="<td>"+div+"</td>";
					html+="</tr>";
				})
				$(".table").html(html);
			})
		})
		$("#selectAppInfo").click(function(){
			$.getJSON("jsonAppInfo",{softwareName:$("#softwareName").val(),status:$("#status").val(),flatformId:$("#flatformId").val(),oneselect:$("#oneselect").val(),towselect:$("#towselect").val(),threeselect:$("#threeselect").val()},function(date){
				var html="<tr class='active'><th>软件名称</th><th>APK名称</th><th>软件大小单位(M)</th><th>所属平台</th><th>所属分类(一级分类、二级分类、三级分类)</th><th>状态</th><th>下载次数</th><th>最新版本号</th><th>操作</th></tr>";
				$.each(date,function(i,item){
					if(i%2==0){
						html+='<tr class="success">';
					}
					var	versionName=item["versionName"]==undefined?"":item["versionName"];
					html+="<td>"+item["softwareName"]+"</td>";
					html+="<td>"+item["aPKName"]+"</td>";
					html+="<td>"+item["softwareSize"]+"</td>";
					html+="<td>"+item["flatformName"]+"</td>";
					html+="<td>"+item["type1"]+">"+item["type2"]+">"+item["type3"]+"</td>";
					html+="<td>"+item["statusName"]+"</td>";
					html+="<td>"+item["downloads"]+"</td>";
					html+="<td>"+versionName+"</td>";
					var div = '<div class="btn-group">';
					div+='<button type="button" class="btn btn-default dropdown-toggle"';
					div+='	data-toggle="dropdown">';
					div+='			点击操作 <span class="caret"></span>';
					div+='	</button>';
					div+='	<ul class="dropdown-menu" role="menu">';
					div+='	<c:if test="${temp.status==2}">';
					div+='	<li><a href="updatestatus?id=${temp.id }&status=4">上架</a></li>';
					div+='</c:if>';
					div+='		<c:if test="${temp.status==5}">';
					div+='	<li><a href="updatestatus?id=${temp.id }&status=4">上架</a></li>';
					div+='</c:if>';
					div+='	<c:if test="${temp.status==4}">';
					div+='		<li><a href="updatestatus?id=${temp.id }&status=5">下架</a></li>';
					div+='</c:if>';
					div+='<li><a href="addversion?id=${temp.id }">新增版本</a></li>';
					div+='<li><a href="updateversion?id=${temp.id }">修改版本</a></li>';
					div+='	<li><a href="appupdate?id=${temp.id}">修改</a></li>';
					div+='		<li><a href="appview?id=${temp.id }">查看</a></li>';
					div+='		<li><a href="del?id=${temp.id }">删除</a></li>';
					div+='	</ul>';
					div+='</div>';
					html+="<td>"+div+"</td>";
					html+="</tr>";
				})
				$(".table").html(html);
			})
		})
	})
</script>
</head>
<body>
	<div class="select">
		<p>
		<h4>APP信息管理维护</h4>
		您可以通过搜索或者其他的筛选选项对APP的信息进行修改、删除等管理操作
		</p>
		<p></p>
		<div>
			<form action="">
				<div class="input-group" style="width: 200px">
					<span class="input-group-addon">软件名称</span> <input type="text"
						class="form-control" placeholder="请输入" id="softwareName">
				</div>
				<div class="input-group" style="width: 200px">
					<span class="input-group-addon">APP状态</span><select  id="status"
						class="form-control"><option value="0">请选择</option>
						
		<c:forEach items="${statusList}" var="temp">
			<option value="${temp.valueId}">
				${temp.valueName}
			</option>
		</c:forEach></select>
				</div>
				<div class="input-group" style="width: 200px">
					<span class="input-group-addon">所属平台</span><select
						class="form-control" id="flatformId">
						<option value="-1">--请选择--</option>
		<c:forEach items="${flatformList}" var="temp">
			<option value="${temp.valueId}">
				${temp.valueName}	
			</option>
		</c:forEach></select>
				</div>
				</br>
				<div class="input-group" style="width: 200px">
					<span class="input-group-addon">一级分类</span><select
						class="form-control" id="oneselect"><option value="0">请选择</option>
						<c:forEach var="c" items="${listone }" varStatus="i">
							<option value="${c.id}" >${c.categoryName}</option>	
						</c:forEach></select>
				</div>
				<div class="input-group" style="width: 200px">
					<span class="input-group-addon">二级分类</span><select
						class="form-control" id="towselect">
							<option value="-1">--请选择--</option>
						</select>
				</div>
				<div class="input-group" style="width: 200px">
					<span class="input-group-addon">三级分类</span><select
						class="form-control" id="threeselect">
						<option value="-1">--请选择--</option>
						</select>
				</div>
				<input type="button" style="margin-left: 50px" class="btn btn-success" id="selectAppInfo" value="查询">
				
			</form>
		</div>
		<a class="btn btn-primary" href="addandupdate" style="margin-top: 110px;margin-left: -770px">新增APP基础信息</a>
	</div>
	
	
	<div id="AppInfoHead" class="show">
	<table class="table">
	<tr class="active">
		<th>软件名称</th>
		<th>APK名称</th>
		<th>软件大小单位(M)</th>
		<th>所属平台</th>
		<th>所属分类(一级分类、二级分类、三级分类)</th>
		<th>状态</th>
		<th>下载次数</th>
		<th>最新版本号</th>
		<th>操作</th>
	</tr>
			<c:forEach items="${showInfoList}" var="temp" varStatus="i">
				<tr <c:if test="${i.index%2==0}">class="success"</c:if>>
					<td>${temp.softwareName}</td>
					<td>${temp.aPKName}</td>
					<td>${temp.softwareSize}</td>
					<td>${temp.flatformName}</td>
					<td>${temp.type1}>${temp.type2}>${temp.type3}</td>
					<td>${temp.statusName}</td>
					<td>${temp.downloads}</td>
					<td>${temp.versionName}</td>
					<td><div class="btn-group">
							<button type="button" class="btn btn-default dropdown-toggle"
								data-toggle="dropdown">
								点击操作 <span class="caret"></span>
							</button>
							<ul class="dropdown-menu" role="menu">
								<c:if test="${temp.status==2}">
									<li><a href="updatestatus?id=${temp.id }&status=4">上架</a></li>
								</c:if>
							
								<c:if test="${temp.status==5}">
									<li><a href="updatestatus?id=${temp.id }&status=4">上架</a></li>
								</c:if>
								<c:if test="${temp.status==4}">
									<li><a href="updatestatus?id=${temp.id }&status=5">下架</a></li>
								</c:if>
								
								<li><a href="addversion?id=${temp.id}">新增版本</a></li>
								<li><a href="updateversion?id=${temp.id}">修改版本</a></li>
								<li><a href="appupdate?id=${temp.id}">修改</a></li>
								<li><a href="appview?id=${temp.id }">查看</a></li>
								<li><a href="del?id=${temp.id }">删除</a></li>
							</ul>
						</div></td>
				</tr>
			</c:forEach>
		</table>
		<c:if test="${totalPages>0}">
						<c:if test="${page>1}">
							<a href="?page=${page-1}">[上一页]</a>
						</c:if>
						<c:if test="${page<=1}">
							<a>[上一页]</a>
						</c:if>
						
						<c:if test="${page<totalPages}">
							<a href="?page=${page+1}">[下一页]</a>
						</c:if>
						<c:if test="${page>=totalPages}">
							<a>[下一页]</a>
						</c:if>
		第 <input type="text" id="pages" value="${page}" style="width: 30px;text-align: center;"> 页，共 ${totalPages} 页
	</c:if>
	
</div>
</body>
</html>